<template>
	<view class="border">
		<form action="" method="post">
			<view class="">
				<text class="phone">手机号:</text>
				<input type="text" placeholder="请输入手机号" v-model="form.mobile" class="phoneinp" prop="">
			</view>
			<view class="">
				<text class="mima">新密码:</text>
				<input type="password" placeholder="请输入密码" v-model="form.password" class="mimainp">
			</view>
			<view class="btn" @click="change" style="margin: o auto;">
				<button>修改</button>
			</view>
		</form>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				form:{
					mobile:'',
					password:''
				}
			}
		},
		methods:{
			change() {
				console.log('用了')
				uni.showToast({
					title:'该功能暂未开放'
				})
			// 	uni.request({
			// 		// url:'http://121.4.13.147:8080/login/',
			// 		url:'http://192.168.0.37:8000/kaoping/login/',
			// 		method:'POST',
			// 		data:{
			// 		},
			// 		success:res => {
			// 			console.log(res)
			
			// 		},
			// 		fail:error => {
			// 			console.log(error)
			// 		}
				// })
				// uni.switchTab({
				// 	url:'../index/index'
				// })
			}
		}
	}
</script>

<style>
	.phone,
	.mima {
		position: absolute;
		left: 30rpx;
	}
	
	.phoneinp,
	.mimainp {
		margin-left: 150rpx;
		margin-top: 30rpx;
	}
	
	.btn {
		background-color: skyblue;
		width: 320rpx;
		margin-left: 200rpx;
	}
	
	.btn button {
		width: 320rpx;
		margin-top: 100rpx;
		background-color: lightskyblue;
	}
	
	.fix,
	.registe {
		margin-top: 30rpx;
	}
	
	.border {
		width: 700rpx;
		margin: 0 auto;
		margin-top: 50rpx;
		/* border: 2px solid black; */
	
	}
</style>